import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface YoutubeCuteFiIconProps {
  width?: number
  height?: number
  color?: string
}

export const YoutubeCuteFiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: YoutubeCuteFiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M10.26 4.283c-2.068.06-4.575.236-5.088.357-1.238.293-2.286 1.333-2.59 2.57-.159.649-.312 3.001-.312 4.79 0 1.789.153 4.141.312 4.79.304 1.237 1.351 2.276 2.59 2.57.543.129 2.961.291 5.378.361 2.559.074 7.323-.134 8.278-.361 1.287-.305 2.355-1.403 2.611-2.683.159-.796.292-2.94.291-4.697 0-1.843-.158-4.166-.326-4.825-.308-1.203-1.356-2.227-2.576-2.515-.541-.128-2.915-.29-5.268-.359-1.459-.043-1.746-.043-3.3.002m.726 4.802c.4.123 1.348.621 2.494 1.308 1.383.831 1.681 1.115 1.679 1.602-.002.399-.25.691-.999 1.176-1.004.65-2.692 1.58-3.14 1.729-.591.197-1.076-.048-1.238-.625-.193-.685-.182-3.96.015-4.597.093-.299.297-.53.548-.619.214-.077.324-.072.641.026"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
